const randomColor = () => {
  return '#' + Math.floor(Math.random() * 16777215).toString(16);
}
const cityName = ['离石区', '文水县', '交城县', '兴县', '临县', '柳林县', '石楼县', '岚县', '方山县', '中阳县', '交口县', '孝义市', '汾阳市']

import wl from './wl.png'

const geoRegion = []
cityName.forEach((item) => {
  const obj = {
    name: item,
    itemStyle: {
      color: randomColor()
    }
  }
  geoRegion.push(obj)
})

export const mapInfo = {
  geo3D: {
    regionHeight: 5, // 3d深度
    roam: true, //是否允许缩放，拖拽
    map: 'lvliang',
    viewControl: {
      // 控制器配置
      projection: 'perspective', // 投影perspective透视 orthographic正交
      autoRotate: false, // 自动旋转，鼠标移入暂停 建议关闭耗性能
      damping: 0, // 鼠标旋转或缩放时停滞度
      rotateSensitivity: 1, // 旋转灵敏度 0 无法旋转
      zoomSensitivity: 0.9, // 缩放灵敏度
      panSensitivity: 1, // 平移灵敏度
      rotateMouseButton: 'left', // 旋转鼠标左键
      distance: 180, // 你与地图度距离
      minDistance: 10, // 最小距离
      maxDistance: 300, // 最大距离
      alpha: 35, // x轴视角
      beta: 0, // y轴视角
      minAlpha: -360, // 最小x
      maxAlpha: 360, // 最大x
      minBeta: -360, // 最小y
      maxBeta: 360, // 最大
      center: [0, -35, 0], // 旋转中心点 xyz
    },
    light: {
      // 亮度
      main: {
        color: '#fff',
        intensity: 2,
        shadow: true,
        alpha: 60,
        beta: 10
      },
      ambient: {
        color: '#fff',
        intensity: 1
      }
    },
    label:{
      show:true,
      color:'#fff'
    },
    itemStyle: {
      // 设置区域
      color: 'rgba(30,100,100,0.5)',
      opacity: 1,
      borderWidth: 2,
      borderColor: '#7efff5',
    },
    groundPlane: {
      // 背景
      show: false
    },
    emphasis: {
      // hover
      label: {
        show: true,
      },
      itemStyle: {
        color: 'rgba(251,197,49,0.6)'
      },
    },
    // regions: geoRegion ,
    shading: "realistic",   // shading属性是realistic才能设置地图的贴图
    realisticMaterial: {
      detailTexture: wl,  // 地图表面贴图
    }
  },
  series: [
    {
      name: "scatter3D",
      type: "scatter3D",
      coordinateSystem: "geo3D",
      // symbol:zhu,
      symbol: "pin",
      symbolSize: [40, 60],
      opacity: 1,
      itemStyle: {
        borderWidth: 1,
        borderColor: "#fff",
      },
      shading: 'realistic', // color lambert realistic
      label: {
        // 数据显示区域
        show: true,
        // formatter: '{b}',
        position: 'center',
        textStyle: {
          color: '#fff',
          position: 'right',
          fontSize: 14,
          backgroundColor: 'rgba(72,52,212,1)',
          borderColor: '#8BC6FF',
          borderWidth: 1,
          borderRadius: 4,
          padding: [5, 10]
        },
        formatter: (params) => {
          return params.name ? `${params.name} ` : '0';
        }
      },
      emphasis: { //当鼠标放上去  地区区域是否显示名称
        label: {
          show: true
        },
        itemStyle: {
          color: '#ff3838',
        }
      },
      animation: true,
      animationDurationUpdate: 500,
      animationEasingUpdate: 'cubicOut',
      zlevel: -10
    },
    {
      type: 'bar3D',
      barSize: 1.2,
      zlevel: 0,
      coordinateSystem: 'geo3D',
      bevelSize: 1, // 柱子平滑尺寸
      bevelSmoothness: 1,// 柱子平滑度
      minHeight: 12,//柱子最小高度
      label: {
        // 数据显示区域
        show: false,
        // formatter: '{b}',
        position: 'center',
        textStyle: {
          color: '#fff',
          position: 'right',
          fontSize: 14,
          backgroundColor: 'rgba(72,52,212,0.5)',
          borderColor: '#8BC6FF',
          borderWidth: 1,
          borderRadius: 4,
          padding: [10, 20]
        },
        formatter: (params) => {
          return params.name ? `${params.name} ${params.value[2]}` : '0';
        }
      },
      emphasis: { //当鼠标放上去  地区区域是否显示名称
        label: {
          show: true
        },
        itemStyle: {
          color: 'rgba(251,197,49,0.6)'
        }
      },
      shading: 'realistic', // 颜色渲染类型
      data: [],
    }
  ]
}
